<#import "../layout/common.html" as com> 
<@com.page title="Từ điển" pageId="pageDict" data={'css':'dict/dict', 'js':'dict/dict', 'ver':'a02'}>

<div class="wrap-space">
	<div class="panel panel-default head-tab">
		<div class="panel-heading">
			<ul class="nav nav-tabs">
				<li class="active"><a href="#dictTab" data-toggle="tab">Từ điển</a></li>
				<li><a href="#transTab" data-toggle="tab" id="tabTransLink">Phiên dịch</a></li>
			</ul>
		</div>
		<div class="tab-content">
			<div class="tab-pane active form-space" id="dictTab">
				<form role="form" id="dictForm">
					<div class="form-group">
						<div class="btn-group btn-input clearfix">
							<button type="button" class="btn btn-default dropdown-toggle form-control" data-toggle="dropdown">
								<span data-bind="label">Anh - Việt</span>&nbsp;<span class="caret"></span>
							</button>
							<input type="hidden" name="dict" id="dict" value="1"/>
							<ul class="dropdown-menu dropdown-menu-select" role="menu">
								<li value="1"><a href="#">Anh - Việt</a></li>
								<li value="2"><a href="#">Việt - Anh</a></li>
								<li value="3"><a href="#">Việt - Việt</a></li>
							</ul>
						</div>
					</div>
				
					<div class="form-group">
						<div class="input-group">
							<input type="text" class="form-control" id="word" name="word" placeholder="Nhập từ cần tra" autocomplete="off">
							<div class="input-group-btn">
								<button type="submit" class="btn btn-default" tabindex="-1">Xem</button>
							</div>
						</div>
					</div>
					
					<div id="dictRs" class="dict-rs"></div>
				</form>
			</div>
			<div class="tab-pane form-space" id="transTab">
				<form role="form" id="transForm">
					<div class="form-group">
						<div class="input-group">
							<input type="text" class="form-control" id="str" name="str" placeholder="Nhập câu cần dịch" autocomplete="off">
							<div class="input-group-btn">
								<button type="submit" class="btn btn-default" tabindex="-1">Dịch</button>
							</div>
						</div>
					</div>
					<div id="transRs" class="trans-rs"></div>
				</form>
			</div>
		</div>
	</div>
</div>

</@com.page>